home *** CD-ROM | disk | FTP | other *** search
/ PC Advisor 2006 April / PC Advisor 2006 April.iso / internet / OPERA / opera.exe / MIME.CSS < prev    next >
Encoding:
Cascading Style Sheet File  |  2005-04-04  |  9.6 KB  |  397 lines
  1. @charset "utf-8";
  2. /* Stylesheet for email/news document */
  3. /* Copyright 2000-2005 Opera Software */
  4.  
  5. @namespace omf url(http://www.opera.com/2003/omf);
  6. @namespace html url(http://www.w3.org/TR/REC-html40);
  7.  
  8. /* Headers */
  9. omf|mime
  10. {
  11.  display        : block;
  12.  background-color    : white;
  13.  color            : black;
  14. }
  15.  
  16. omf|headers
  17. {
  18.  background        : ThreeDFace;
  19.  border        : 1px outset ThreeDFace;
  20.  color            : ButtonText;
  21.  display        : table;
  22.  font            : status-bar;
  23.  padding        : 4px;
  24.  width            : 100%;
  25. }
  26.  
  27. omf|hgrp
  28. {
  29.  display: table-row-group;
  30. }
  31.  
  32. omf|hdr {display:none;} /* Don't display any headers but the named ones (in lowercase):  */
  33. omf|hdr[name="date"]        {display:table-row;}
  34. omf|hdr[name="from"]        {display:table-row;}
  35. omf|hdr[name="to"]        {display:table-row;}
  36. omf|hdr[name="cc"]        {display:table-row;}
  37. omf|hdr[name="bcc"]        {display:table-row;}
  38. omf|hdr[name="newsgroups"]    {display:table-row;}
  39. omf|hdr[name="followup-to"]    {display:table-row;}
  40. omf|hdr[name="reply-to"]    {display:table-row;}
  41. omf|hdr[name="subject"]        {display:table-row;}
  42. omf|hdr[name="organization"]    {display:table-row;}
  43. omf|hdr[name="resent-from"]    {display:table-row;}
  44.  
  45. omf|showheaders
  46. {
  47.  color            : blue;
  48.  position        : absolute;
  49.  top            : 5px;
  50.  right            : 7px;
  51.  font            : status-bar; 
  52.  -o-link        : attr(href);
  53.  text-decoration    : underline;
  54.  -o-link-source    : current;
  55. }
  56.  
  57. omf|hdricon
  58. {
  59.  height        : 8px;
  60.  margin        : 0 4px;
  61.  -o-replace        : attr(src);
  62.  width            : 8px;
  63. }
  64.  
  65. /* Header name */
  66. omf|n
  67. {
  68.  display        : table-cell;
  69.  width            : 8em;
  70.  padding-left    : 4px;
  71.  font-weight        : bold;
  72.  vertical-align    : top;
  73. }
  74.  
  75. omf|n:after {content: ": ";}
  76.  
  77. /* Header value */
  78. omf|v
  79. {
  80.  display        : table-cell;
  81.  padding-left    : 4px;
  82.  vertical-align    : top;
  83. }
  84.  
  85.  
  86. /* The "real"  (body) part */
  87.  
  88. omf|body, omf|div
  89. {
  90.  display        : block;
  91.  padding: 0;
  92. }    
  93.  
  94. omf|div.plaintext
  95. {
  96.  padding        : 0 8px;
  97. }
  98.  
  99. omf|sig
  100. {
  101.  font-style        : italic;
  102.  color            : grey4;
  103. }
  104.  
  105. omf|p
  106. {
  107.  display        : block;
  108.  margin        : 0;
  109.  padding        : 0;
  110.  white-space        : -o-pre-wrap;
  111. }
  112.  
  113. omf|l
  114. {
  115.  display        : block;
  116.  margin        : 0;
  117.  padding        : 0;
  118. }
  119.  
  120. .plaintext html|a
  121. {
  122.  background-color    : InfoBackground;
  123.  color            : InfoText;
  124. }
  125.  
  126. .plaintext html|a:hover
  127. {
  128.  background-color    : Highlight;
  129.  color            : HighlightText;
  130. }
  131.  
  132. .plaintext html|a:visited:hover
  133. {
  134.  background-color    : Highlight;
  135.  color            : HighlightText;
  136. }
  137.  
  138. .plaintext html|a:visited
  139. {
  140.  background-color : InfoBackground;
  141.  color : darkred;
  142. }
  143.  
  144. omf|ql.L0 { color: black; }
  145. omf|ql.L1 { color: forestgreen; }
  146. omf|ql.L2 { color: darkblue; }
  147. omf|ql.L3 { color: crimson; }
  148. omf|ql.L4 { color: goldenrod; }
  149. omf|ql.L5 { color: slategray; }
  150. omf|ql.L6 { color: mediumseagreen; }
  151. omf|ql.L7 { color: mediumslateblue; }
  152. omf|ql.L8 { color: hotpink; }
  153. omf|ql.L9 { color: gold; }
  154. omf|ql.L10 { color: darkgray; }
  155. omf|ql.L11 { color: mediumspringgreen; }
  156. omf|ql.L12 { color: lightskyblue; }
  157. omf|ql.L13 { color: lightpink; }
  158. omf|ql.L14 { color: tan; }
  159. omf|ql.L15 { color: black; }
  160. omf|ql.L16 { color: forestgreen; }
  161. omf|ql.L17 { color: darkblue; }
  162. omf|ql.L18 { color: crimson; }
  163. omf|ql.L19 { color: goldenrod; }
  164. omf|ql.L20 { color: slategray; }
  165. omf|ql.L21 { color: mediumseagreen; }
  166. omf|ql.L22 { color: mediumslateblue; }
  167. omf|ql.L23 { color: hotpink; }
  168. omf|ql.L24 { color: gold; }
  169. omf|ql.L25 { color: darkgray; }
  170. omf|ql.L26 { color: mediumspringgreen; }
  171. omf|ql.L27 { color: lightskyblue; }
  172. omf|ql.L28 { color: lightpink; }
  173. omf|ql.L29 { color: tan; }
  174. omf|ql.L30 { color: black; }
  175. omf|ql.L31 { color: forestgreen; }
  176.  
  177. #flowed omf|ql
  178. {
  179.  border-left        : 2px solid;
  180.  display        : block;
  181.  margin-left        : -0.2em;
  182.  padding-left    : 0.3em;
  183.  padding-bottom    : 0.3em;
  184. }
  185.  
  186. #flowed omf|ql.L0 { border-left: none; }
  187. #flowed omf|ql.L1 { border-left-color: forestgreen; }
  188. #flowed omf|ql.L2 { border-left-color: darkblue; }
  189. #flowed omf|ql.L3 { border-left-color: crimson; }
  190. #flowed omf|ql.L4 { border-left-color: goldenrod; }
  191. #flowed omf|ql.L5 { border-left-color: slategray; }
  192. #flowed omf|ql.L6 { border-left-color: mediumseagreen; }
  193. #flowed omf|ql.L7 { border-left-color: mediumslateblue; }
  194. #flowed omf|ql.L8 { border-left-color: hotpink; }
  195. #flowed omf|ql.L9 { border-left-color: gold; }
  196. #flowed omf|ql.L10 { border-left-color: darkgray; }
  197. #flowed omf|ql.L11 { border-left-color: mediumspringgreen; }
  198. #flowed omf|ql.L12 { border-left-color: lightskyblue; }
  199. #flowed omf|ql.L13 { border-left-color: lightpink; }
  200. #flowed omf|ql.L14 { border-left-color: tan; }
  201. #flowed omf|ql.L15 { border-left-color: black; }
  202. #flowed omf|ql.L16 { border-left-color: forestgreen; }
  203. #flowed omf|ql.L17 { border-left-color: darkblue; }
  204. #flowed omf|ql.L18 { border-left-color: crimson; }
  205. #flowed omf|ql.L19 { border-left-color: goldenrod; }
  206. #flowed omf|ql.L20 { border-left-color: slategray; }
  207. #flowed omf|ql.L21 { border-left-color: mediumseagreen; }
  208. #flowed omf|ql.L22 { border-left-color: mediumslateblue; }
  209. #flowed omf|ql.L23 { border-left-color: hotpink; }
  210. #flowed omf|ql.L24 { border-left-color: gold; }
  211. #flowed omf|ql.L25 { border-left-color: darkgray; }
  212. #flowed omf|ql.L26 { border-left-color: mediumspringgreen; }
  213. #flowed omf|ql.L27 { border-left-color: lightskyblue; }
  214. #flowed omf|ql.L28 { border-left-color: lightpink; }
  215. #flowed omf|ql.L29 { border-left-color: tan; }
  216. #flowed omf|ql.L20 { border-left-color: black; }
  217. #flowed omf|ql.L31 { border-left-color: forestgreen; }
  218.  
  219. #flowed .flow { margin: -1em 0 1em 0; }
  220.  
  221. #flowed omf|l { display: inline; }
  222.  
  223. #wrapped .L1  omf|l:before { content: '> '; }
  224. #wrapped .L2  omf|l:before { content: '>> '; }
  225. #wrapped .L3  omf|l:before { content: '>>> '; }
  226. #wrapped .L4  omf|l:before { content: '>>>> '; }
  227. #wrapped .L5  omf|l:before { content: '>>>>> '; }
  228. #wrapped .L6  omf|l:before { content: '>>>>>> '; }
  229. #wrapped .L7  omf|l:before { content: '>>>>>>> '; }
  230. #wrapped .L8  omf|l:before { content: '>>>>>>>> '; }
  231. #wrapped .L9  omf|l:before { content: '>>>>>>>>> '; }
  232. #wrapped .L10 omf|l:before { content: '>>>>>>>>>> '; }
  233. #wrapped .L11 omf|l:before { content: '>>>>>>>>>>> '; }
  234. #wrapped .L12 omf|l:before { content: '>>>>>>>>>>>> '; }
  235. #wrapped .L13 omf|l:before { content: '>>>>>>>>>>>>> '; }
  236. #wrapped .L14 omf|l:before { content: '>>>>>>>>>>>>>> '; }
  237. #wrapped .L15 omf|l:before { content: '>>>>>>>>>>>>>>> '; }
  238. #wrapped .L16 omf|l:before { content: '>>>>>>>>>>>>>>>> '; }
  239. #wrapped .L17 omf|l:before { content: '>>>>>>>>>>>>>>>>> '; }
  240. #wrapped .L18 omf|l:before { content: '>>>>>>>>>>>>>>>>>> '; }
  241. #wrapped .L19 omf|l:before { content: '>>>>>>>>>>>>>>>>>>> '; }
  242. #wrapped .L20 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>> '; }
  243. #wrapped .L21 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>> '; }
  244. #wrapped .L22 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>> '; }
  245. #wrapped .L23 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>> '; }
  246. #wrapped .L24 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>> '; }
  247. #wrapped .L25 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  248. #wrapped .L26 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  249. #wrapped .L27 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  250. #wrapped .L28 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  251. #wrapped .L29 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  252. #wrapped .L20 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  253. #wrapped .L31 omf|l:before { content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> '; }
  254.  
  255. .smiley-happy {
  256.     width: -o-skin;
  257.     height: -o-skin;
  258.     background-image: -o-skin("Smiley Happy");
  259. }
  260.  
  261. .smiley-unhappy {
  262.     width: -o-skin;
  263.     height: -o-skin;
  264.     background-image: -o-skin("Smiley Unhappy");
  265. }
  266.  
  267. .smiley-wink {
  268.     width: -o-skin;
  269.     height: -o-skin;
  270.     background-image: -o-skin("Smiley Wink");
  271. }
  272.  
  273. .smiley-surprised {
  274.     width: -o-skin;
  275.     height: -o-skin;
  276.     background-image: -o-skin("Smiley Surprised");
  277. }
  278.  
  279. .smiley-grin {
  280.     width: -o-skin;
  281.     height: -o-skin;
  282.     background-image: -o-skin("Smiley Grin");
  283. }
  284.  
  285. .smiley-cool {
  286.     width: -o-skin;
  287.     height: -o-skin;
  288.     background-image: -o-skin("Smiley Cool");
  289. }
  290.  
  291. .smiley-indifferent {
  292.     width: -o-skin;
  293.     height: -o-skin;
  294.     background-image: -o-skin("Smiley Indifferent");
  295. }
  296.  
  297. .smiley-cry {
  298.     width: -o-skin;
  299.     height: -o-skin;
  300.     background-image: -o-skin("Smiley Cry");
  301. }
  302.  
  303. .smiley-angry {
  304.     width: -o-skin;
  305.     height: -o-skin;
  306.     background-image: -o-skin("Smiley Angry");
  307. }
  308.  
  309. .smiley-tongue {
  310.     width: -o-skin;
  311.     height: -o-skin;
  312.     background-image: -o-skin("Smiley Tongue");
  313. }
  314.  
  315. .smiley-pacman {
  316.     width: -o-skin;
  317.     height: -o-skin;
  318.     background-image: -o-skin("Smiley Pacman");
  319. }
  320.  
  321. /* Attachments */
  322. omf|attach
  323. {
  324.  display        : block;
  325.  margin        : 4px;
  326. }
  327.  
  328. omf|caption
  329. {
  330.  background        : Window;
  331.  display        : none;
  332.  margin        : 0 8px;
  333.  padding        : 3px;
  334. }
  335.  
  336. @media screen, projection
  337. {
  338.  omf|item
  339.  {
  340.   display        : block;
  341.   padding        : 0.2em 0.3em;
  342.   margin        : 0.1em;
  343.   background-color    : ThreeDFace;
  344.   border        : 1px outset ThreeDFace;
  345.   float        : left;
  346.   -o-link-source    : current;
  347.   -o-link        : attr(href);
  348.  }
  349.  
  350.  html|img
  351.  {
  352.   vertical-align    : middle;
  353.   max-width    : 98%;
  354.  }
  355.  
  356.  omf|filename
  357.  {
  358.   color        : blue;
  359.   display        : inline;
  360.   font            : status-bar; 
  361.   text-decoration    : underline;
  362.   vertical-align    : middle;
  363.  }
  364. }
  365.  
  366. /* Rules for how email messages should be printed out  */
  367. @media print
  368. {
  369.  omf|showheaders, omf|hdricon { display: none; }
  370.  omf|headers{ border: 1pt solid black; }
  371.     
  372.  omf|caption
  373.  {
  374.   border-top    : 0.5pt solid;
  375.   display    : block;
  376.   margin    : 1em 0 0;
  377.   padding    : 0.3em 0;
  378.  }
  379.  
  380.  omf|item, omf|filename
  381.  {
  382.   display    : inline;
  383.   margin    : 0;
  384.   padding    : 0;
  385.  }
  386.  
  387.  omf|filename:before
  388.  {
  389.   content        : "  " counter(attachment) ". ";
  390.   counter-increment    : attachment;
  391.  }
  392.  
  393.  omf|icon { display: none; }
  394.  #qp_error { display: none; }
  395. }
  396.  
  397.